import { FlexRowBox, TopSearchStyle } from './style';

import { Drawer } from 'antd-mobile';

const TopSearch = (props: any) => {
  return (
    <TopSearchStyle>
      <FlexRowBox>
        <img
          src="https://res.lexiangpingou.cn/images/826/2021/05/jYry002py6jyR0NyTv430rwmjD00mT.png"
          alt=""
          className="table-ico"
        />
        <span className="table-name">{props.tableId}号桌</span>
      </FlexRowBox>
      <div className="top-left"></div>
      <div className="top-right">
        <input className="top-search" placeholder="想吃什么搜一下" />
      </div>
    </TopSearchStyle>
  );
};

export default TopSearch;
